﻿<!DOCTYPE HTML>

<!--<!DOCTYPE html PUBLIC "" "">-->
<HTML lang="zh-CN"><HEAD>
    <!--<META content="IE=11.0000" http-equiv="X-UA-Compatible">-->
 
<META charset="utf-8"> 
<!--<META http-equiv="X-UA-Compatible" content="IE=edge"> -->
<!--<META name="viewport" content="width=device-width, initial-scale=1"> -->
<TITLE>霞客约车—专业的旅行用车平台</TITLE> 
<!--<META name="keywords" content="霞客">-->
<!--<META name="description" content="霞客约车网">-->
   <!--<link href="css/fselect2.min.css" rel="stylesheet">-->
    <link href="css/style.css" rel="stylesheet">



<!--<SCRIPT src="js/jquery-1.7.2.js" type="text/javascript"></SCRIPT>-->
<script src="../components/jquery/dist/jquery.min.js"></script>

<SCRIPT type="text/javascript">
	$(function() {
				
	
 //鼠标移入样式
 $(".sr_accordion>ul>li").mouseover(function () {
  $(this).addClass("active"); 
  $(this).siblings().removeClass("active");
 });
		
	
	});

</SCRIPT>

</HEAD> 
<BODY>


  <!-- 车型介绍 -->
        <div id="item5" class="sr_w sr_space ">
            <div class="sr_center">
                <h2 class="sr_color_3">多款车型供应，方便</h2>
                <p class="sr_color_9">公司团建、聚会出游多款车型任您选择</p>
            </div>
            <div class="sr_accordion sr_mb_20">
                <ul>
                    <li class="active" >
                        <img src="image/car_1.png" alt="中港过境车 7座">
                        <span class="info">经济型</span>
                        <div class="mask"></div>
                    </li>
                    <li >
                        <img src="image/car_2.png" alt="商务7座">
                        <span class="info">舒适型</span>
                        <div class="mask"></div>
                    </li>
                    <li>
                        <img src="image/car_3.png" alt="商务9座">
                        <span class="info">豪华型</span>
                        <div class="mask"></div>
                    </li>
                    <li>
                        <img src="image/car_4.png" alt="纯电动15座">
                        <span class="info">商务型</span>
                        <div class="mask"></div>
                    </li>
                    <li>
                        <img src="image/car_5.png" alt="中巴22座">
                        <span class="info">别克GL8</span>
                        <div class="mask"></div>
                    </li>
                </ul>
            </div>
          <div class="sr_accordion">
                <ul>
                    <li>
                        <img src="image/car_6.png" alt="大巴35座">
                        <span class="info">19座纯电动中巴</span>
                        <div class="mask"></div>
                    </li>
                    <li>
                        <img src="image/car_7.png" alt="大巴37座">
                        <span class="info">20座中巴</span>
                        <div class="mask"></div>
                    </li>
                    <li>
                        <img src="image/car_8.png" alt="大巴47座">
                        <span class="info">35座大巴</span>
                        <div class="mask"></div>
                    </li>
                    <li>
                        <img src="image/car_9.png" alt="大巴49座">
                        <span class="info">45座大巴</span>
                        <div class="mask"></div>
                    </li>
                    <li class="active" >
                        <img src="image/car_10.png" alt="大巴53座">
                        <span class="info">53座大巴</span>
                        <div class="mask"></div>
                    </li>
                </ul>
            </div>
        </div>

	 </BODY></HTML>
